<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>学生成绩管理系统</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="teacher_score.css">
</head>
<body>
<div class="layout">
  <!-- 侧边栏 -->
  <nav class="sidebar">
    <div class="sidebar-title">学生成绩管理系统</div>
    <div class="sidebar-menu">
      <!-- 根据角色切换active -->
      <a href="teacher_course.html">我的课程</a>
      <a href="teacher_score.html" class="active" >课程成绩</a>
      <a href="teacher_class.html" >我的班级</a>
    </div>
    <div class="sidebar-logout">退出登录</div>
  </nav>
  <!-- 主内容区 -->
  <div class="main">
    <!-- 顶部栏 -->
    <div class="header">
      <span class="header-title">学生成绩管理系统</span>
      <span class="header-user">name【老师】</span>
    </div>
    <div class="content">
      <!-- 背景装饰 -->
      <div class="decoration-yellow"></div>
      <div class="decoration-red"></div>
      <div class="decoration-green"></div>

      <div class="card">
        <div class="actions-bar">
          <input class="search-input" placeholder="学生名" id="studentNameInput"/>
          <select id="courseSelect">
  <!-- 选项将由JavaScript动态填充 -->
</select>

          <button class="btn btn-info" onclick="searchCourse()">🔍</button>
        </div>
        <table class="table">
          <thead>
            <tr>
              <th>学生名</th><th>课程名</th><th>状态</th><th class="displayedScore">成绩</th><th>操作</th>
            </tr>
          </thead>
          <tbody>


          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>


<div id="scoreModal" class="modal" data-id="0">
  <div class="modal-content">
    <span class="close-btn" onclick="closeCourseDetailModal()">&times;</span>
    <h3>课程详情</h3>
    <div class="form-group">
      <p>课程名称: <span id="courseName"></span></p>
      <label for="currentScore">当前分数:</label>
      <input type="number" id="currentScore" name="currentScore" required min="0" max="100">
    </div>
    <div class="center-button">
      <button type="button" onclick="updateScore()">确认修改</button>
    </div>
  </div>
</div>


</body>
</html>

<script src="teacher_score.js"></script>

</body>